
  $(function () {
    // 吸顶
    var elements = $('.sticky-top');
    var top = $('.order-top');
    Stickyfill.add(elements);
    Stickyfill.add(top);


    // footer底部切换
    var img = $('footer').find('.list-u.active img');
    img.each(function () {
      if($(this).hasClass('hide')) {
        $(this).removeClass('hide');
      } else {
        $(this).addClass('hide');

      }
    })
    $("#sidebar-id").click(function () {
      console.log($(this),123131)
      var sideBar = $("#sidebar");
      //我的逻辑上是先判断没有这个class，没有的话就添加，这个添加动作会触发宽度加长的过渡效果
      console.log(sideBar.hasClass("addWidth"), '1e1')
      if (!sideBar.hasClass("addWidth")) {
          $("#sidebar").addClass("addWidth");
      }
      //同理，展开之后要切换，移除这个class来触发减小宽度的过渡效果
      else {
          $("#sidebar").removeClass("addWidth");
      }
    })

    

  })